<script setup lang="ts">
import { useTabs } from 'vc/src/web';
import { type RouteLocationNormalized } from 'vue-router';

const {
  refreshPage,
  closeAll,
  closeLeft,
  closeRight,
  closeOther,
  closeCurrent,
  close,
  setTitle
} = useTabs();

function handleClose () {
  close({ fullPath: '/style/scss/mixinInclude' } as RouteLocationNormalized);
}
</script>

<template>
  <el-button @click="refreshPage()">refreshPage</el-button>
  <el-button @click="closeAll()">closeAll</el-button>
  <el-button @click="closeLeft()">closeLeft</el-button>
  <el-button @click="closeRight()">closeRight</el-button>
  <el-button @click="closeOther()">closeOther</el-button>
  <el-button @click="closeCurrent()">closeCurrent</el-button>
  <el-button @click="handleClose">close</el-button>
  <el-button @click="setTitle('自定义title')">setTitle</el-button>
</template>

<style scoped lang="scss">

</style>
